*{
    margin: 0;
    padding: 0;
    list-style: none;
    color: #f0e4e4;
    // 全局控制样式
}
body{
    background-color: #282828;
}
.big_box{
    // 主要控制样式
    width: 1200px;
    margin: 50px auto;
    text-align: center;
    .big_box_top{
        span{
            line-height: 50px;
            padding: 15px;
            width: 150px;
            border: solid #f0e4e4 1px;
            cursor: pointer;
            border-radius: 25px;
        }
        span.spanClickCur{
            background-color: #f0e4e4;
            color: #282828;
        }
        margin-bottom: 50px;
    }
    .name_list{
       ul{
        //    overflow: hidden;
           li{
               float: left;
            //    width: 100px;
                padding: 0 10px;
               line-height: 40px;
               border: solid #f0e4e4 1px;
               margin: 3px;
               border-radius: 20px;
           }
           li.cur{
             background-color: #f0e4e4;
             color: #282828;
             box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px rgba(10,16,20,.12);
             transform: scale(1.5);
             transition: all 0.3s;
           }
       }
       margin-bottom: 50px;
    }
    // 得出结果组
    .showArr{
        ol{
            li{
             background-color: #f0e4e4;
             color: #282828;
             margin: 5px;
             line-height: 50px;
            }
        }
        h4{
            line-height: 30px;
        }
    }
}